<!DOCTYPE html>
<html lang="en">
<head>
    <title>后台管理系统</title>
<#include "../include/easyui.ftl"/>
    <script type="text/javascript" src="${ctx}/static/plugins/quartzCron/cron.js" charset="utf-8"></script>
    <style>
        body {
            margin: 0px;
            padding: 0px
        }

        .line {
            height: 25px;
            line-height: 25px;
            margin: 3px;
        }

        .imp {
            padding-left: 25px;
        }

        .col {
            width: 95px;
        }
    </style>
</head>
<body>
<div class="easyui-layout" style="width:100%;height:445px;">
    <div data-options="region:'center',border:false">
        <div class="easyui-tabs" data-options="fit:true,border:false">
            <div title="秒">
                <div class="line"><input type="radio" checked="checked" name="second" onclick="everyTime(this)"> 每秒
                    允许的通配符[, - * /]
                </div>
                <div class="line"><input type="radio" name="second" onclick="cycle(this)"> 周期从 <input
                        class="numberspinner" style="width:60px;" data-options="min:1,max:58" value="1"> - <input
                        class="numberspinner" style="width:60px;" data-options="min:2,max:59" value="2"> 秒
                </div>
                <div class="line"><input type="radio" name="second" onclick="startOn(this)"> 从 <input
                        class="numberspinner" style="width:60px;" data-options="min:0,max:59" value="0"> 秒开始,每 <input
                        class="numberspinner" style="width:60px;" data-options="min:1,max:59" value="1"> 秒执行一次
                </div>
                <div class="line"><input type="radio" name="second" id="sencond_appoint"> 指定</div>
                <div class="imp secondList">
                    <input type="checkbox" value="1">01
                    <input type="checkbox" value="2">02
                    <input type="checkbox" value="3">03
                    <input type="checkbox" value="4">04
                    <input type="checkbox" value="5">05
                    <input type="checkbox" value="6">06
                    <input type="checkbox" value="7">07
                    <input type="checkbox" value="8">08
                    <input type="checkbox" value="9">09
                    <input type="checkbox" value="10">10
                </div>
                <div class="imp secondList">
                    <input type="checkbox" value="11">11
                    <input type="checkbox" value="12">12
                    <input type="checkbox" value="13">13
                    <input type="checkbox" value="14">14
                    <input type="checkbox" value="15">15
                    <input type="checkbox" value="16">16
                    <input type="checkbox" value="17">17
                    <input type="checkbox" value="18">18
                    <input type="checkbox" value="19">19
                    <input type="checkbox" value="20">20
                </div>
                <div class="imp secondList">
                    <input type="checkbox" value="21">21
                    <input type="checkbox" value="22">22
                    <input type="checkbox" value="23">23
                    <input type="checkbox" value="24">24
                    <input type="checkbox" value="25">25
                    <input type="checkbox" value="26">26
                    <input type="checkbox" value="27">27
                    <input type="checkbox" value="28">28
                    <input type="checkbox" value="29">29
                    <input type="checkbox" value="30">30
                </div>
                <div class="imp secondList">
                    <input type="checkbox" value="31">31
                    <input type="checkbox" value="32">32
                    <input type="checkbox" value="33">33
                    <input type="checkbox" value="34">34
                    <input type="checkbox" value="35">35
                    <input type="checkbox" value="36">36
                    <input type="checkbox" value="37">37
                    <input type="checkbox" value="38">38
                    <input type="checkbox" value="39">39
                    <input type="checkbox" value="40">40
                </div>
                <div class="imp secondList">
                    <input type="checkbox" value="41">41
                    <input type="checkbox" value="42">42
                    <input type="checkbox" value="43">43
                    <input type="checkbox" value="44">44
                    <input type="checkbox" value="45">45
                    <input type="checkbox" value="46">46
                    <input type="checkbox" value="47">47
                    <input type="checkbox" value="48">48
                    <input type="checkbox" value="49">49
                    <input type="checkbox" value="50">50
                </div>
                <div class="imp secondList">
                    <input type="checkbox" value="51">51
                    <input type="checkbox" value="52">52
                    <input type="checkbox" value="53">53
                    <input type="checkbox" value="54">54
                    <input type="checkbox" value="55">55
                    <input type="checkbox" value="56">56
                    <input type="checkbox" value="57">57
                    <input type="checkbox" value="58">58
                    <input type="checkbox" value="59">59
                </div>
            </div>
            <div title="分钟">
                <div class="line"><input type="radio" checked="checked" name="min" onclick="everyTime(this)"> 分钟
                    允许的通配符[, - * /]
                </div>
                <div class="line"><input type="radio" name="min" onclick="cycle(this)"> 周期从 <input class="numberspinner"
                                                                                                   style="width:60px;"
                                                                                                   data-options="min:1,max:58"
                                                                                                   value="1"> - <input
                        class="numberspinner" style="width:60px;" data-options="min:2,max:59" value="2"> 分钟
                </div>
                <div class="line"><input type="radio" name="min" onclick="startOn(this)"> 从 <input class="numberspinner"
                                                                                                   style="width:60px;"
                                                                                                   data-options="min:0,max:59"
                                                                                                   value="0"> 分钟开始,每
                    <input class="numberspinner" style="width:60px;" data-options="min:1,max:59" value="1"> 分钟执行一次
                </div>
                <div class="line"><input type="radio" name="min" id="min_appoint"> 指定</div>
                <div class="imp minList">
                    <input type="checkbox" value="1">01
                    <input type="checkbox" value="2">02
                    <input type="checkbox" value="3">03
                    <input type="checkbox" value="4">04
                    <input type="checkbox" value="5">05
                    <input type="checkbox" value="6">06
                    <input type="checkbox" value="7">07
                    <input type="checkbox" value="8">08
                    <input type="checkbox" value="9">09
                    <input type="checkbox" value="10">10
                </div>
                <div class="imp minList">
                    <input type="checkbox" value="11">11
                    <input type="checkbox" value="12">12
                    <input type="checkbox" value="13">13
                    <input type="checkbox" value="14">14
                    <input type="checkbox" value="15">15
                    <input type="checkbox" value="16">16
                    <input type="checkbox" value="17">17
                    <input type="checkbox" value="18">18
                    <input type="checkbox" value="19">19
                    <input type="checkbox" value="20">20
                </div>
                <div class="imp minList">
                    <input type="checkbox" value="21">21
                    <input type="checkbox" value="22">22
                    <input type="checkbox" value="23">23
                    <input type="checkbox" value="24">24
                    <input type="checkbox" value="25">25
                    <input type="checkbox" value="26">26
                    <input type="checkbox" value="27">27
                    <input type="checkbox" value="28">28
                    <input type="checkbox" value="29">29
                    <input type="checkbox" value="30">30
                </div>
                <div class="imp minList">
                    <input type="checkbox" value="31">31
                    <input type="checkbox" value="32">32
                    <input type="checkbox" value="33">33
                    <input type="checkbox" value="34">34
                    <input type="checkbox" value="35">35
                    <input type="checkbox" value="36">36
                    <input type="checkbox" value="37">37
                    <input type="checkbox" value="38">38
                    <input type="checkbox" value="39">39
                    <input type="checkbox" value="40">40
                </div>
                <div class="imp minList">
                    <input type="checkbox" value="41">41
                    <input type="checkbox" value="42">42
                    <input type="checkbox" value="43">43
                    <input type="checkbox" value="44">44
                    <input type="checkbox" value="45">45
                    <input type="checkbox" value="46">46
                    <input type="checkbox" value="47">47
                    <input type="checkbox" value="48">48
                    <input type="checkbox" value="49">49
                    <input type="checkbox" value="50">50
                </div>
                <div class="imp minList">
                    <input type="checkbox" value="51">51
                    <input type="checkbox" value="52">52
                    <input type="checkbox" value="53">53
                    <input type="checkbox" value="54">54
                    <input type="checkbox" value="55">55
                    <input type="checkbox" value="56">56
                    <input type="checkbox" value="57">57
                    <input type="checkbox" value="58">58
                    <input type="checkbox" value="59">59
                </div>
            </div>
            <div title="小时">
                <div class="line"><input type="radio" checked="checked" name="hour" onclick="everyTime(this)"> 小时
                    允许的通配符[, - * /]
                </div>
                <div class="line"><input type="radio" name="hour" onclick="cycle(this)"> 周期从 <input
                        class="numberspinner" style="width:60px;" data-options="min:0,max:23" value="0"> - <input
                        class="numberspinner" style="width:60px;" data-options="min:2,max:23" value="2"> 小时
                </div>
                <div class="line"><input type="radio" name="hour" onclick="startOn(this)"> 从 <input
                        class="numberspinner" style="width:60px;" data-options="min:0,max:23" value="0"> 小时开始,每 <input
                        class="numberspinner" style="width:60px;" data-options="min:1,max:23" value="1"> 小时执行一次
                </div>
                <div class="line"><input type="radio" name="hour" id="hour_appoint"> 指定</div>
                <div class="imp hourList">AM:
                    <input type="checkbox" value="0">00
                    <input type="checkbox" value="1">01
                    <input type="checkbox" value="2">02
                    <input type="checkbox" value="3">03
                    <input type="checkbox" value="4">04
                    <input type="checkbox" value="5">05
                    <input type="checkbox" value="6">06
                    <input type="checkbox" value="7">07
                    <input type="checkbox" value="8">08
                    <input type="checkbox" value="9">09
                    <input type="checkbox" value="10">10
                    <input type="checkbox" value="11">11
                </div>
                <div class="imp hourList">PM:
                    <input type="checkbox" value="12">12
                    <input type="checkbox" value="13">13
                    <input type="checkbox" value="14">14
                    <input type="checkbox" value="15">15
                    <input type="checkbox" value="16">16
                    <input type="checkbox" value="17">17
                    <input type="checkbox" value="18">18
                    <input type="checkbox" value="19">19
                    <input type="checkbox" value="20">20
                    <input type="checkbox" value="21">21
                    <input type="checkbox" value="22">22
                    <input type="checkbox" value="23">23
                </div>
            </div>
            <div title="日">
                <div class="line"><input type="radio" checked="checked" name="day" onclick="everyTime(this)"> 日 允许的通配符[,
                    - * / L W]
                </div>
                <div class="line"><input type="radio" name="day" onclick="unAppoint(this)"> 不指定</div>
                <div class="line"><input type="radio" name="day" onclick="cycle(this)"> 周期从 <input class="numberspinner"
                                                                                                   style="width:60px;"
                                                                                                   data-options="min:1,max:31"
                                                                                                   value="1"> - <input
                        class="numberspinner" style="width:60px;" data-options="min:2,max:31" value="2"> 日
                </div>
                <div class="line"><input type="radio" name="day" onclick="startOn(this)"> 从 <input class="numberspinner"
                                                                                                   style="width:60px;"
                                                                                                   data-options="min:1,max:31"
                                                                                                   value="1"> 日开始,每
                    <input class="numberspinner" style="width:60px;" data-options="min:1,max:31" value="1"> 天执行一次
                </div>
                <div class="line"><input type="radio" name="day" onclick="workDay(this)"> 每月 <input
                        class="numberspinner" style="width:60px;" data-options="min:1,max:31" value="1"> 号最近的那个工作日
                </div>
                <div class="line"><input type="radio" name="day" onclick="lastDay(this)"> 本月最后一天</div>
                <div class="line"><input type="radio" name="day" id="day_appoint"> 指定</div>
                <div class="imp dayList">
                    <input type="checkbox" value="1">1
                    <input type="checkbox" value="2">2
                    <input type="checkbox" value="3">3
                    <input type="checkbox" value="4">4
                    <input type="checkbox" value="5">5
                    <input type="checkbox" value="6">6
                    <input type="checkbox" value="7">7
                    <input type="checkbox" value="8">8
                    <input type="checkbox" value="9">9
                    <input type="checkbox" value="10">10
                    <input type="checkbox" value="11">11
                    <input type="checkbox" value="12">12
                    <input type="checkbox" value="13">13
                    <input type="checkbox" value="14">14
                    <input type="checkbox" value="15">15
                    <input type="checkbox" value="16">16
                </div>
                <div class="imp dayList">
                    <input type="checkbox" value="17">17
                    <input type="checkbox" value="18">18
                    <input type="checkbox" value="19">19
                    <input type="checkbox" value="20">20
                    <input type="checkbox" value="21">21
                    <input type="checkbox" value="22">22
                    <input type="checkbox" value="23">23
                    <input type="checkbox" value="24">24
                    <input type="checkbox" value="25">25
                    <input type="checkbox" value="26">26
                    <input type="checkbox" value="27">27
                    <input type="checkbox" value="28">28
                    <input type="checkbox" value="29">29
                    <input type="checkbox" value="30">30
                    <input type="checkbox" value="31">31
                </div>
            </div>
            <div title="月">
                <div class="line"><input type="radio" checked="checked" name="mouth" onclick="everyTime(this)"> 月
                    允许的通配符[, - * /]
                </div>
                <div class="line"><input type="radio" name="mouth" onclick="unAppoint(this)"> 不指定</div>
                <div class="line"><input type="radio" name="mouth" onclick="cycle(this)"> 周期从 <input
                        class="numberspinner" style="width:60px;" data-options="min:1,max:12" value="1"> - <input
                        class="numberspinner" style="width:60px;" data-options="min:2,max:12" value="2"> 月
                </div>
                <div class="line"><input type="radio" name="mouth" onclick="startOn(this)"> 从 <input
                        class="numberspinner" style="width:60px;" data-options="min:1,max:12" value="1"> 日开始,每 <input
                        class="numberspinner" style="width:60px;" data-options="min:1,max:12" value="1"> 月执行一次
                </div>
                <div class="line"><input type="radio" name="mouth" id="mouth_appoint"> 指定</div>
                <div class="imp mouthList">
                    <input type="checkbox" value="1">1
                    <input type="checkbox" value="2">2
                    <input type="checkbox" value="3">3
                    <input type="checkbox" value="4">4
                    <input type="checkbox" value="5">5
                    <input type="checkbox" value="6">6
                    <input type="checkbox" value="7">7
                    <input type="checkbox" value="8">8
                    <input type="checkbox" value="9">9
                    <input type="checkbox" value="10">10
                    <input type="checkbox" value="11">11
                    <input type="checkbox" value="12">12
                </div>
            </div>
            <div title="周">
                <div class="line"><input type="radio" checked="checked" name="week" onclick="everyTime(this)"> 周
                    允许的通配符[, - * / L #]
                </div>
                <div class="line"><input type="radio" name="week" onclick="unAppoint(this)"> 不指定</div>
                <div class="line"><input type="radio" name="week" onclick="startOn(this)"> 周期 从星期<input
                        class="numberspinner" style="width:60px;" data-options="min:1,max:7" value="1"> - <input
                        class="numberspinner" style="width:60px;" data-options="min:2,max:7" value="2"></div>
                <div class="line"><input type="radio" name="week" onclick="weekOfDay(this)"> 第<input
                        class="numberspinner" style="width:60px;" data-options="min:1,max:4" value="1"> 周 的星期<input
                        class="numberspinner" style="width:60px;" data-options="min:1,max:7" value="1"></div>
                <div class="line"><input type="radio" name="week" onclick="lastWeek(this)"> 本月最后一个星期<input
                        class="numberspinner" style="width:60px;" data-options="min:1,max:7" value="1"></div>
                <div class="line"><input type="radio" name="week" id="week_appoint"> 指定</div>
                <div class="imp weekList">
                    <input type="checkbox" value="1">1
                    <input type="checkbox" value="2">2
                    <input type="checkbox" value="3">3
                    <input type="checkbox" value="4">4
                    <input type="checkbox" value="5">5
                    <input type="checkbox" value="6">6
                    <input type="checkbox" value="7">7
                </div>
            </div>
            <div title="年">
                <div class="line"><input type="radio" checked="checked" name="year" onclick="unAppoint(this)"> 不指定
                    允许的通配符[, - * /] 非必填
                </div>
                <div class="line"><input type="radio" name="year" onclick="everyTime(this)"> 每年</div>
                <div class="line"><input type="radio" name="year" onclick="cycle(this)">周期 从 <input
                        class="numberspinner" style="width:90px;" data-options="min:2013,max:3000" value="2013"> -
                    <input class="numberspinner" style="width:90px;" data-options="min:2014,max:3000" value="2014">
                </div>
            </div>
        </div>
    </div>
    <div data-options="region:'south',border:false" style="height:135px">
        <fieldset style="border-radius: 3px;height:116px;">
            <legend>表达式</legend>
            <table style="height: 100px;">
                <tbody>
                <tr>
                    <td></td>
                    <td align="center">
                        秒
                    </td>
                    <td align="center">
                        分钟
                    </td>
                    <td align="center">
                        小时
                    </td>
                    <td align="center">
                        日
                    </td>
                    <td align="center">
                        月<br/>
                    </td>
                    <td align="center">
                        星期
                    </td>
                    <td align="center">
                        年
                    </td>
                </tr>
                <tr>
                    <td>
                        表达式字段:
                    </td>
                    <td>
                        <input type="text" name="v_second" class="col" value="*" readonly="readonly"/>
                    </td>
                    <td>
                        <input type="text" name="v_min" class="col" value="*" readonly="readonly"/>
                    </td>
                    <td>
                        <input type="text" name="v_hour" class="col" value="*" readonly="readonly"/>
                    </td>
                    <td>
                        <input type="text" name="v_day" class="col" value="*" readonly="readonly"/>
                    </td>
                    <td>
                        <input type="text" name="v_mouth" class="col" value="*" readonly="readonly"/>
                    </td>
                    <td>
                        <input type="text" name="v_week" class="col" value="?" readonly="readonly"/>
                    </td>
                    <td>
                        <input type="text" name="v_year" class="col" readonly="readonly"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        Cron表达式:
                    </td>
                    <td colspan="7">
                        <input type="text" name="cron" style="width:100%;" value="* * * * * ? " id="cron"
                               readonly="readonly"/>
                    </td>
                </tr>
                </tbody>
            </table>
        </fieldset>
    </div>
</div>
</body>
</html>